<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <script>
// 首页轮播图数据
// 	https://locally.uieee.com/slides

// 首页导航列表数据
// 	https://locally.uieee.com/categories


// 导航每一项数据下的商铺信息
// 	https://locally.uieee.com/categories/1/shops

// 导航每一项数据下的商铺信息(传参数控制页数和加载条数)
// 	https://locally.uieee.com/categories/1/shops?_page=1&_limit=10


axios.defaults.baseURL = 'https://locally.uieee.com';

// let AUTH_TOKEN='tokenstr'
// axios.defaults.headers.common['Token'] = AUTH_TOKEN;
//  Authorization 授权意思
// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencode'
/*  get/post 请求使用的  设置请求的参数类型 */

axios.get('/slides').then(res=>{
    console.log(res.data);
})

axios.get('/categories').then(res=>{
    console.log(res);
})

//对比一下   请求这个接口  https://m.maoyan.com/ajax/movieOnInfoList

// axios.get('https://m.maoyan.com/ajax/movieOnInfoList').then(res=>{
//     console.log(res)
// })


//配置不同的环境 开发环境   测试环境  线上环境 

//自定义配置 

// let myurl ='http://ldy520.cn/api/webapi/public/index'
// axios.get('/search',{
//     params:{
//         keyword:'北京'
//     }
// }).then(res =>{
//     console.log(res.data);
// })

  //自定义配置   // 可以配置多
    let gsz=axios.create({
        baseURL:'http://ldy520.cn/api/webapi/public/index',
        timeout:2000
    })
    //   gsz.defaults.headers.common['Authorization'] = 'gszToken';

//发送请求 就不能用axios  要用自定义的名字 在我们这里 gsz
    gsz('/search',{
        params:{
            keyword:'北京'
        }
    }).then(res =>{
        console.log(res.data);
    })

    let gsz001=axios.create({
        baseURL:'http://mengtion.vip/kfl-api/api'
    })

    gsz001.post('/getproduct.php',{

    }).then(res =>{
        console.log(res.data);
    })


    </script>
</body>
</html>